<section data-v-d034c99c="" class="app-main" style="min-height: 100%;">
    <div class="dashboard-container">
        <div class="app-container">
            <div class="el-card is-never-shadow"><!---->
                <div class="el-card__body">
                    <form class="el-form el-form--inline">
                        <div class="el-form-item el-form-item--medium"><label class="el-form-item__label">输入搜索：</label>
                            <div class="el-form-item__content">
                                <div class="el-input el-input--medium el-input--suffix"><!----><input type="text"
                                                                                                      autocomplete="off"
                                                                                                      placeholder="品牌名称"
                                                                                                      class="el-input__inner">
                                    <!----><!----><!----><!----></div><!----></div>
                        </div>
                        <div class="el-form-item el-form-item--medium"><!---->
                            <div class="el-form-item__content">
                                <button type="button" class="el-button el-button--primary el-button--medium"><!----><i
                                        class="el-icon-search"></i><span>查询</span></button>
                                <button type="button" class="el-button el-button--default el-button--medium"><!----><i
                                        class="el-icon-plus"></i><span>添加</span></button><!----></div>
                        </div>
                    </form>
                    <div class="el-table el-table--fit el-table--border el-table--enable-row-transition el-table--medium"
                         style="width: 100%;">
                        <div class="hidden-columns">
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                        </div>
                        <div class="el-table__header-wrapper">
                            <table cellspacing="0" cellpadding="0" border="0" class="el-table__header"
                                   style="width: 860px;">
                                <colgroup>
                                    <col name="el-table_2_column_10" width="100">
                                    <col name="el-table_2_column_11" width="200">
                                    <col name="el-table_2_column_12" width="200">
                                    <col name="el-table_2_column_13" width="100">
                                    <col name="el-table_2_column_14" width="300">
                                    <col name="el-table_2_column_15" width="300">
                                    <col name="gutter" width="0">
                                </colgroup>
                                <thead class="has-gutter">
                                <tr class="">
                                    <th colspan="1" rowspan="1"
                                        class="el-table_2_column_10   el-table-column--selection  is-leaf">
                                        <div class="cell"><label class="el-checkbox"><span
                                                class="el-checkbox__input"><span
                                                class="el-checkbox__inner"></span><input type="checkbox"
                                                                                         aria-hidden="false"
                                                                                         class="el-checkbox__original"
                                                                                         value=""></span><!----></label>
                                        </div>
                                    </th>
                                    <th colspan="1" rowspan="1" class="el-table_2_column_11     is-leaf">
                                        <div class="cell">编号</div>
                                    </th>
                                    <th colspan="1" rowspan="1" class="el-table_2_column_12     is-leaf">
                                        <div class="cell">品牌名称</div>
                                    </th>
                                    <th colspan="1" rowspan="1" class="el-table_2_column_13     is-leaf">
                                        <div class="cell">品牌首字母</div>
                                    </th>
                                    <th colspan="1" rowspan="1" class="el-table_2_column_14     is-leaf">
                                        <div class="cell">LOGO</div>
                                    </th>
                                    <th colspan="1" rowspan="1" class="el-table_2_column_15     is-leaf">
                                        <div class="cell">操作</div>
                                    </th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                        <div class="el-table__body-wrapper is-scrolling-none">
                            <table cellspacing="0" cellpadding="0" border="0" class="el-table__body"
                                   style="width: 860px;">
                                <tbody>
                                <tr class="el-table__row" v-for="brand in brands" :key="brands.index">
                                    <td rowspan="1" colspan="1"
                                        class="el-table_2_column_10  el-table-column--selection"
                                        style="width:100px;text-align: center">
                                        <div class="cell"><label class="el-checkbox"><span
                                                class="el-checkbox__input"><span
                                                class="el-checkbox__inner"></span>
                                            <input type="checkbox" aria-hidden="false"
                                                   class="el-checkbox__original"
                                                   value=""></span><!----></label>
                                        </div>
                                    </td>
                                    <td rowspan="1" colspan="1" class="el-table_2_column_11  "
                                        style="width:200px;text-align: center">
                                        <div class="cell">{{brand.id}}</div>
                                    </td>
                                    <td rowspan="1" colspan="1" class="el-table_2_column_12  "
                                        style="width:200px;text-align: center">
                                        <div class="cell">{{brand.name}}</div>
                                    </td>
                                    <td rowspan="1" colspan="1" class="el-table_2_column_13  "
                                        style="width:100px;text-align: center">
                                        <div class="cell">{{brand.letter}}</div>
                                    </td>
                                    <td rowspan="1" colspan="1" class="el-table_2_column_14  "
                                        style="width:300px;text-align: center">
                                        <div class="cell"><img :src="brand.image"></div>
                                    </td>
                                    <td rowspan="1" colspan="1" class="el-table_2_column_15  "
                                        style="width:300px;text-align: center">
                                        <div class="cell">
                                            <button type="button" class="el-button el-button--text el-button--small">
                                                <!----><!----><span style="font-size: larger">编辑</span></button>&nbsp;&nbsp;
                                            <button type="button" class="el-button el-button--text el-button--small">
                                                <!----><!----><span style="font-size: larger">删除</span></button>
                                        </div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<div>
    到<input v-model="page">页
    <button @click="que(page)">确定</button>
</div>
<script th:inline="javascript">
    var app = new Vue({
        el: ".app-main",
        data: {
            'brands': [[${brands}]],
            'page': [[${page}]]
        },
        methods: {
            que: function (page) {
                axios.get("/bg/brandManger?page=" + page).then(function (response) {
                    if (response.data) {
                        this.data = response.data
                    }
                })
            }
        },
    })
</script>



